import axios from 'axios'
import { useTouristStore } from '@/stores'
import { ElMessage } from 'element-plus'
import router from '@/router'

const baseURL = 'http://localhost:8080/tourists'

const instance = axios.create({
  baseURL,
  // withCredentials: true,//允许携带 Cookie
  timeout: 1000, //超时时间
  headers: { 'X-Custom-Header': 'foobar' },
})

// 添加请求拦截器
instance.interceptors.request.use(
  (config) => {
    // 在发送请求之前做些什么
    const touristStore = useTouristStore()
    if (touristStore.token) {
      config.headers.Authorization = touristStore.token
    }
    return config
  },
  (error) =>
    // 对请求错误做些什么
    Promise.reject(error),
)

// 添加响应拦截器
instance.interceptors.response.use(
  (response) => {
    console.log(response)
    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么
    if (response.status === 200) {
      if (!response['data']['msg']) {
        ElMessage.error('服务器异常,请联系管理员')
      }
      if (response.data.code === 401) {
        console.log('1')

        if (response.data.msg === '登录信息已过期') {
          ElMessage.error(response.data.msg)
        } else {
          ElMessage(response.data.msg)
        }
        setTimeout(() => {
          router.push('/login')
        }, 2000)
        return response
      }
      if (response.data.code === 402) {
        console.log('2')
        ElMessage.error(response.data.msg)
        return response
      }
      console.log('3')
      return response
    }

    ElMessage.error(response.data.msg)
    return Promise.reject(response)
  },
  (error) => {
    console.log(error)
    //处理401错误
    // if (error.status === 401) {
    // router.push('/login')
    // return
    // }
    // if (error.status === 402) {
    //   ElMessage.error(error.response.data.message || '服务器异常')
    //   return
    // }
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么
    if (!error['data']) {
      ElMessage.error('服务器异常,请联系管理员')
      return Promise.reject(error)
    }
    ElMessage.error(error.data.msg)
    return Promise.reject(error)
  },
)

export default instance
export { baseURL }
